<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="product" content="Metro UI CSS Framework">
    <meta name="description" content="Simple responsive css framework">
    <meta name="author" content="Sergey S. Pimenov, Ukraine, Kiev">

    <link href="/css/metro-bootstrap.css" rel="stylesheet">
    <link href="/css/metro-bootstrap-responsive.css" rel="stylesheet">
    <link href="/css/icoFont.css" rel="stylesheet">
    <link href="/css/docs.css" rel="stylesheet">
    <link href="/css/prettify.css" rel="stylesheet">

    <title>Metro UI CSS : Metro Bootstrap CSS Library</title>
</head>
<body class="metro">
<header class="bg-dark" data-load="header.html"></header>
<div class="container">
    <h1>
        <a href="/"><i class="icon-arrow-left-3 fg-darker smaller"></i></a>
        Devices Information
        <small class="on-right"></small>
    </h1>
    <p class="description">
        <code></code><code></code> 
        <code></code>.
    </p>

    <div class="table bordered">
        <table class="table hovered" >
            <thead>

            <tr>
                <th class="text-left">Device ID</th>
                <th class="text-left">Serial ID</th>
                <th class="text-left">Invoice ID</th>
                <th class="text-left">Disk</th>
                <th class="text-left">Memory</th>
                <th class="text-left">Processor</th>
                <th class="text-left">Purchase Date</th>
                <th class="text-left">Replacement Date</th>
                <th class="text-left">Waranty Expiry</th>
                <th class="text-left">Waranty Years</th>
                <th class="text-left">Type</th>
                <th class="text-left">Status</th>                
                <th class="text-left">Region</th>
                <th class="text-left">Location</th>
                <th class="text-left">Comments</th>
            </tr>
            </thead>
            <tbody>
            <?php foreach ($devices as $device): ?>
                <tr>
                    <td class="right"><?php echo $device['id'] ?></td>
                    <td class="right"><?php echo $device['serail_id'] ?></td>
                    <td class="right"><?php echo $device['invoice_id'] ?></td>
                    <td class="right"><?php echo $device['disk'] ?></td>
                    <td class="right"><?php echo $device['memory'] ?></td>
                    <td class="right"><?php echo $device['processor'] ?></td>
                    <td class="right"><?php echo $device['purchase_date'] ?></td>
                    <td class="right"><?php echo $device['replacement_date'] ?></td>
                    <td class="right"><?php echo $device['waranty_expiry'] ?></td>
                    <td class="right"><?php echo $device['waranty_years'] ?></td>
                    <td class="right"><?php echo $device['type'] ?></td>
                    <td class="right"><?php echo $device['status'] ?></td>
                    <td class="right"><?php echo $device['region'] ?></td>
                    <td class="right"><?php echo $device['location'] ?></td>
                    <td class="right"><?php echo $device['comments'] ?></td>
                    <td>
                        <a href="/devices/view.html"><i class="icon-arrow-right-3 on-left"></i>View</a> 
                        &nbsp;&nbsp;&nbsp;
                        <a href="application/views/devices/edit.php"><i class="icon-pencil on-left"></i> Edit</a>
                     </td>

                </tr>
            <?php endforeach ?>
            </tbody>
            <tfoot></tfoot>

        </table>
    </div>
</div>
</body>
</html>
